<template>
<div>
  <h1>我是app组件</h1>
  {{count}}
  <hr>
  <!-- 
    在vue2中，给组件所有绑定的事件默认都属于自定义事件
    如果想要给组件绑定原生事件(绑定给子组件的最外层元素)，需要使用.native修饰
   -->
  <Child @changeCount="changeCount"/>
</div>
</template>


<script>
import Child from '@/components/Child'
export default {
  name:"App",
  components:{Child},
  data(){
    return {
      count:0,
    }
  },
  methods:{
    changeCount(value){
      console.log(value);
      this.count +=value;
    }
  }
}
</script>